page {
	background-color: #e6e6e6;
}

.head {
	width: 380px;
	height: 220px;
	margin: 0upx 0upx;
	padding: 0upx 0upx;
	background-color: #fff;
	margin: auto;
	border-radius: 5%;
	.background {
		display: flex;
		width: 380px;
		height: 170px;
		
		image {
			position: absolute;
			width: 380px;
			height: 170px;
			
		}
		.balance{
			position: absolute;
			image {
				position: absolute;
				width: 20px;
				height: 20px;
			
			}
		}
		.search {
			position: absolute;
			width: 350px;
			display: flex;
			align-items: center;
			margin: 70upx 37upx;
			input {
				flex: 1;
				border: 2rpx solid #000;
				padding: 10rpx;
				margin-right: 20rpx;
				border-radius: 10rpx;
			}
		}
		.tab-bar {
		  position: absolute;
		  display: flex;
		  height: 50px;
		  padding: 150upx 30upx;
		  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
		  .tab-item {
		    flex: 1;
		    display: flex;
		    justify-content: center;
		    align-items: center;
			margin: 0upx 37upx;
		  }
		}
    }
	.sort {
	  position: absolute;
	  display: flex;
	  width: 350px;
	  padding: 0upx 30upx;

	  .sort-item {
	    flex: 1;
	    display: flex;
	    justify-content: center;
	    align-items: center;
		
		image {
		
			width: 70px;
			height: 40px;
		
		}
	  }
	}
}
		

.list {
	background-color: #e6e6e6;
	margin: 0rpx 0;
	padding: 20rpx;
	box-sizing: border-box;
	.title {
		display: flex;
		justify-content: space-between;
		align-items: center;
		.left {
			font-size: 40rpx;
			font-weight: 800;
		}
		.right {
			display: flex;
			align-items: center;
			.text {
				font-size: 24rpx;
				margin-right: 10rpx;
				color: #999;
			}
			.more {
				width: 15rpx;
				height: 20rpx;
			}
		}
	}
	.content {
		display: flex;
		justify-content: space-between;
		flex-flow: wrap;
		.item {
			background-color: #fff;
			width: 48%;
			display: flex;
			flex-flow: column;
			margin-top: 20rpx;
			image {
				width: 100%;
				height: 400rpx;
				border-radius: 20rpx;
			}
			.up {
				image {
					width: 100%;
					height: 400rpx;
					border-radius: 20rpx;
				}
			}
			.down {
				
				.text {
					margin-top: 15rpx;
					font-weight: 800;
				}
				
				.price {
					border-radius: 10px;
					background-color: orange;
					padding: 10px;
					margin-left: 5px;
					margin-right: 20px;
					width: 50px;
					height: 5px;
					display: flex;
					flex-flow: row;
					align-items: center;
					  .star_picture {
					  	width: 20px;
					  	height: 20px;
						image {
							width: 100%;
							height: 35rpx;
							border-radius: 20rpx;
						}
					  }
					  
					  .star{
					  	margin-top: -13rpx;
						margin-left: 15rpx;
					  	font-weight: 800;
					  }
				}
				
				.combination {
					display: flex;
					flex-direction: row;
					flex-wrap: nowrap;
					.left {
					  color: orange;
					  display: flex;
					  flex-flow: row ;
					  justify-content: space-between;
					  width: 100%;
					}
					
					.right {
					  color: orange;
					  display: flex;
					  flex-flow: row ;
					  justify-content: space-between;
					  width: 100%;
					}
					.buy_picture {
					 	width: 20px;
					 	height: 20px;
						image {
							width: 100%;
							height: 35rpx;
							border-radius: 20rpx;
						}
					 }
				}
			}
		}
	}
}